<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>icf</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/public/layui/admin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/public/layui/admin/style/admin.css" media="all">
    <style>
        .layui-card-header {
            /*position: relative;*/
            height: 52px;
            /*line-height: 42px;*/
            /*padding: 0 15px;*/
            color: #333;
            border-radius: 2px 2px 0 0;
            border-bottom: none;
            font-size: 14px;
        }

        .layui-form-label {
            float: left;
            display: block;
            font-weight: 400;
            line-height: 20px;
            padding: 9px 10px;
            text-align: left;
            width: auto;
        }

        .layui-input,
        .layui-select,
        .layui-textarea {
            height: 30px;
            /*margin-top: 5px;*/
        }

        .layui-table-cell {
            height: auto;
            line-height: 20px;
        }
    </style>
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-form layui-card-header">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <div class="layui-input-inline">
                                    <input type="text" id="order_code" name="order_code" placeholder="请输入订单号"
                                        autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" id="user_name" name="user_name" placeholder="请输入收件人姓名"
                                        autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" id="mobile" name="mobile" placeholder="请输入手机号" autocomplete="off"
                                        class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" id="product_name" name="product_name" placeholder="请输入商品名称"
                                        autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" id="begin_time" name="begin_time" placeholder="下单起始时间"
                                        autocomplete="off" class="layui-input">

                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" id="end_time" name="end_time" placeholder="下单结束时间"
                                        autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button class="layui-btn layui-btn-sm" lay-submit lay-filter="list-search">搜索</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-card">
                    <div class="layui-card-body">
                        <!-- 表格 -->
                        <table class="layui-hide" id="data-table" lay-filter="data-table"></table>
                        <!-- 嗮选表单字段 -->
                        <!-- <script type="text/html" id="data-table-filter">
						<div class="layui-btn-container">
							<button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
						</div>
					</script> -->
                        <!-- 操作工具栏 -->
                        <script type="text/html" id="data-table-toolbar">
                            <a class="layui-btn layui-btn-xs" lay-event="view">查看</a>
                            <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> -->
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="/public/layui/admin/layui/layui.js"></script>
    <script>
        layui.config({
            base: '/public/layui/admin/' //静态资源所在路径
        }).extend({
            index: 'lib/index' //主入口模块
        }).use(['index', 'table', 'jquery', 'laydate'], function () {
            var $ = layui.$;
            var table = layui.table;
            table.render({
                elem: '#data-table',
                url: '/admin/sysOders/SysOrders/refundlistjson_saas' +
                    '?appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}',
                where: {
                    "keyword": ""
                },
                cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                    ,
                toolbar: '#data-table-filter',
                cols: [
                    [
                        //#TableJsonFields#
                        {
                            field: 'id',
                            title: 'id',
                            hide: true
                        },
                        {
                            field: 'shop_name',
                            title: '店铺名',
                            hide: false
                        },
                        {
                            field: 'user_name',
                            title: '下单人',
                            hide: false
                        },
                        {
                            field: 'mobile',
                            title: '联系电话',
                            hide: false
                        },
                        {
                            field: 'order_type',
                            title: '订单类型',
                            hide: false,
                            templet: function (d) {
                                if (d.order_type == 0) {
                                    return '普通';
                                } else if (d.order_type == 1) {
                                    return '快递';
                                }
                                return "";
                            }
                        },
                        //  {field:'province',title: '省', hide: false},
                        //  {field:'city',title: '市', hide: false},
                        //  {field:'area',title: 'area', hide: false},
                        {
                            field: '',
                            title: '收货地址',
                            hide: false,
                            templet: function (d) {
                                return d.province + d.city + d.area + '<br/>' + d.address;
                            }
                        },
                        //{field:'trade_no',title: 'trade_no', hide: false},
                        //  {field:'pro_amount',title: 'pro_amount', hide: false},
                        //  {field:'payable_amount',title: 'payable_amount', hide: false},
                        //  {field:'real_amount',title: 'real_amount', hide: false},
                        //  {field:'balance_amout',title: 'balance_amout', hide: false},
                        //  {field:'postage',title: 'postage', hide: false},
                        //  {field:'discount_fee',title: 'discount_fee', hide: false},
                        {
                            field: '',
                            title: '金额信息',
                            hide: false,
                            templet: function (d) {
                                var amountInfo = "商品金额：" + d.pro_amount;
                                if (d.if_pay == 1) {
                                    amountInfo += "<br/>应付金额：" + d.payable_amount;
                                    amountInfo += "<br/>优惠金额：" + d.discount_fee;
                                    amountInfo += "<br/>微信支付：" + d.real_amount;
                                    amountInfo += "<br/>余额支付：" + d.balance_amout;
                                    amountInfo += "<br/>运费：" + d.postage;
                                }
                                return amountInfo;
                            }
                        },

                        {
                            field: '',
                            title: '订单状态',
                            hide: false,
                            templet: function (d) {
                                if (d.if_finish == 1) {
                                    return "已完成";
                                } else if (d.if_cancel == 1) {
                                    return "已取消";
                                } else if (d.if_refund == 1) {
                                    return "退款中";
                                } else if (d.if_delivery == 1) {
                                    return "已发货";
                                } else if (d.if_pay == 0) {
                                    return "待支付";
                                }
                                return "未知"
                            }
                        },


                        //  {field:'if_pay',title: 'if_pay', hide: false},
                        {
                            field: 'pay_time',
                            title: '支付时间',
                            hide: false
                        },
                        //  {field:'if_cancel',title: 'if_cancel', hide: false},

                        //  {field:'if_delivery',title: 'if_delivery', hide: false},
                        {
                            field: 'delivery_time',
                            title: '发货时间',
                            hide: false
                        },
                        //  {field:'if_finish',title: 'if_finish', hide: false},
                        //  {field:'if_refund',title: 'if_refund', hide: false},
                        {
                            field: '',
                            title: '物流信息',
                            hide: false,
                            templet: function (d) {
                                return d.logistics_company + '<br/>' + d.logistics_no;
                            }
                        },
                        //  {field:'logistics_id',title: 'logistics_id', hide: false},
                        //  {field:'logistics_company',title: 'logistics_company', hide: false},
                        //  {field:'logistics_no',title: 'logistics_no', hide: false},
                        {
                            field: 'remark',
                            title: '备注',
                            hide: false
                        },
                        {
                            field: 'cancel_time',
                            title: '取消时间',
                            hide: false
                        },
                        {
                            fixed: 'right',
                            title: '操作',
                            toolbar: '#data-table-toolbar',
                            width: 120
                        }
                    ]
                ],
                page: true
            });


            var laybegindate = layui.laydate;

            //执行一个laydate实例
            laybegindate.render({
                elem: '#begin_time', //指定元素
                type: 'datetime'
            });

            var layenddate = layui.laydate;

            //执行一个laydate实例
            layenddate.render({
                elem: '#end_time', //指定元素
                type: 'datetime'
            });



            //头工具栏事件
            // table.on('toolbar(data-table)', function(obj){
            // 	switch(obj.event){
            // 		case 'add':{
            // 			var url = "/admin/Orders/editpage_saas" + '?appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}';
            // 			parent.layer.open({
            // 				type: 2,
            // 				anim: -1,
            // 				area: ['700px','600px'],
            // 				offset: '16px',
            // 				content: url,
            // 				end: function () {
            // 					window.location.reload();
            // 				}
            // 			});
            // 		}
            // 			break;
            // 	};
            // });

            //监听行工具事件
            table.on('tool(data-table)', function (obj) {
                var data = obj.data;
                console.log('table on click');
                if (obj.event === 'del') {
                    // parent.layer.confirm('真的删除行么', function(index){
                    // 	$.ajax({
                    // 		type: "POST",
                    // 		url : "/admin/Orders/del",
                    // 		data: {"id":data.id},
                    // 		async: true,
                    // 		error: function(request) {
                    // 			alert("删除失败");
                    // 		},
                    // 		success: function(response) {
                    // 			var rt = response
                    // 			if(rt.code == 0){
                    // 				obj.del();
                    // 				parent.layer.close(index);
                    // 			}else{
                    // 				parent.layer.alert(rt.msg, {title: '删除失败'});
                    // 			}
                    // 		}
                    // 	});
                    // });
                } else if (obj.event === 'view') {
                    var url = "/admin/sysOders/SysOrders/editpage_saas?id=" + data.id +
                        '&appid={{data.Who.MiniAppId}}&tid={{data.Who.TenantId}}';
                    parent.layer.open({
                        type: 2,
                        anim: -1,
                        area: ['700px', '600px'],
                        offset: '16px',
                        content: url,
                        end: function () {
                            refresh()
                            //window.location.reload();
                        }
                    });
                }
            });

            // 嗮选字段 监听搜索
            form = layui.form;
            form.on('submit(list-search)', function (data) {
                refresh()
                /*var field = data.field;
                //执行重载
                table.reload('data-table', {
                	where: field
                });*/
            });

            function refresh() {
                var order_code = $("#order_code").val();
                var user_name = $("#user_name").val();
                var mobile = $("#mobile").val();
                var product_name = $("#product_name").val();
                var begin_time = $("#begin_time").val();
                var end_time = $("#end_time").val();
                table.reload('data-table', {
                    where: {
                        "order_code": order_code,
                        "user_name": user_name,
                        "mobile": mobile,
                        "product_name": product_name,
                        "begin_time": begin_time,
                        "end_time": end_time

                    }
                });
            }

            //监听list整体排序
            table.on('sort(data-table)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                //console.log(obj.field); //当前排序的字段名
                //console.log(obj.type); //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）
                //console.log(this); //当前排序的 th 对象

                //尽管我们的 table 自带排序功能，但并没有请求服务端。
                //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，从而实现服务端排序，如：
                table.reload('data-table', {
                    initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
                        ,
                    where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                        order_field: obj.field //排序字段   在接口作为参数字段  field order
                            ,
                        order: obj.type //排序方式   在接口作为参数字段  field order
                    }
                });
            });

        });
    </script>
</body>

</html>